<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!--
 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
 * Copyright (C) 2003-2010 Frederico Caldeira Knabben
 *
 * == BEGIN LICENSE ==
 *
 * Licensed under the terms of any of the following licenses at your
 * choice:
 *
 *  - GNU General Public License Version 2 or later (the "GPL")
 *    http://www.gnu.org/licenses/gpl.html
 *
 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
 *    http://www.gnu.org/licenses/lgpl.html
 *
 *  - Mozilla Public License Version 1.1 or later (the "MPL")
 *    http://www.mozilla.org/MPL/MPL-1.1.html
 *
 * == END LICENSE ==
-->
<html>
<head>
	<title></title>
	<script type="text/javascript">
var FCK = new Object() ;	// Used by fckconfig
	</script>
	<link href="../_common/testskin.css" type="text/css" rel="stylesheet" />
	<script src="../../../editor/_source/fckjscoreextensions.js" type="text/javascript"></script>
	<script src="../../../editor/_source/fckconstants.js" type="text/javascript"></script>
	<script src="../../../editor/_source/internals/fckbrowserinfo.js" type="text/javascript"></script>
	<script src="../../../editor/_source/internals/fckconfig.js" type="text/javascript"></script>
	<script src="../../../editor/_source/classes/fckiecleanup.js" type="text/javascript"></script>
	<script src="../../../editor/lang/en.js" type="text/javascript"></script>
	<script src="../../../editor/_source/internals/fcktools.js" type="text/javascript"></script>
	<script src="../../../editor/_source/classes/fckiecleanup.js" type="text/javascript"></script>
	<script src="../../../editor/_source/classes/fckicon.js" type="text/javascript"></script>
	<script src="../../../editor/_source/classes/fcktoolbarbuttonui.js" type="text/javascript"></script>
	<script src="../../../editor/_source/classes/fcktoolbar.js" type="text/javascript"></script>
	<script type="text/javascript">

var FCK_IMAGES_PATH = '../../../editor/images/' ;		// Check usage.
var FCK_SPACER_PATH = '../../../editor/images/spacer.gif' ;

FCKConfig.SkinPath = '../../../editor/skins/default/' ;

function LoadScript( url )
{
	document.write( '<script type="text/javascript" src="' + url + '"><\/script>' ) ;
}
var sSuffix = /msie/.test( navigator.userAgent.toLowerCase() ) ? 'ie' : 'gecko' ;
LoadScript( '../../../editor/_source/internals/fcktools_' + sSuffix + '.js' ) ;

	</script>
	<script type="text/javascript">

// This is a generic object used to cleanup IE memory leaks.
if ( FCKBrowserInfo.IsIE )
	FCK.IECleanup = new FCKIECleanup( window ) ;

window.onload = function()
{
	CreateToolbarSet( document.getElementById( '_Default' ) ) ;
	CreateToolbarSet( document.getElementById( '_Office' ) ) ;

		// Disable mouse selection operations.
	FCKTools.DisableSelection( document.body ) ;
}

function CreateToolbarSet( target )
{
	var oToolbar = CreateNewToolbar() ;

	// Add a few buttons.
	oToolbar.AddButton( 'Smiley'	, null, 'Smiley Tooltip', '../_common/smiley.gif' ) ;
	oToolbar.AddSeparator() ;
	oToolbar.AddButton( 'Previous'	, null, null			, 3 ) ;
	oToolbar.AddButton( 'Next'		, null, null			, 1 ) ;
	oToolbar.AddSeparator() ;
	oToolbar.AddButton( 'Search'	, null, null			, 2, FCK_TOOLBARITEM_ICONTEXT ) ;

	oToolbar.Create( target ) ;

	var oToolbar2 = CreateNewToolbar() ;

	// Add a few buttons.
	oToolbar2.AddButton( 'Search'	, null, null			, 2, FCK_TOOLBARITEM_ICONTEXT ) ;
	oToolbar2.AddSeparator() ;
	oToolbar2.AddButton( 'Previous'	, null, null			, 3 ) ;
	oToolbar2.AddButton( 'Next'		, null, null			, 1 ) ;

	oToolbar2.Create( target ) ;
}

function CreateNewToolbar()
{
	var oNewToolbar = new FCKToolbar() ;

	// Important: Initialization must be done before adding items.
	oNewToolbar.DefaultIconsStrip	= '../_common/strip.gif' ;
	oNewToolbar.DefaultIconSize		= 16 ;
	oNewToolbar.OnItemClick			= OnToolbarItemClick ;

	return oNewToolbar ;
}

function OnToolbarItemClick( toolbar, item )
{
	alert( item.Name ) ;
}
	</script>
</head>
<body>
	<table width="100%">
		<tr>
			<td id="_Default" class="Default">
			</td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
		</tr>
		<tr>
			<td id="_Office" class="Office">
			</td>
		</tr>
	</table>
</body>
</html>
